<template>
  <div id="app">
   <Header></Header>
   <!-- 路由组件出口位置 -->
   <router-view></router-view>

   <Footer v-show="$route.meta.show"></Footer>
  </div>
</template>

<script>
import Header from "@/components/Header"
import Footer from "@/components/Footer"
export default {
  name: 'App',
  components: {
   Header,
   Footer,
  },
  mounted() {
    //根组件里, 这里只会执行一次 main.js也是只发一次请求
    //console.log("我是根组件");
      //发请求获取三级联动数据 写在这里进行性能优化, 像这种在多个地方使用的公共组件可以创建为全局公共组件比较方便
      this.$store.dispatch("home/categoryList");
  },
}
</script>

<style>

</style>
